<!--
 * @Descripttion: 
 * @version: 
 * @Author: 张敬坤
 * @Date: 2024-10-24 19:35:02
 * @LastEditors: Jikel
 * @LastEditTime: 2024-10-24 21:11:41
-->
<template>
  <div :class="prefix">
    <div>
      <TextOverTooltip source="这就是首页哈哈哈哈" keyid="refName" />
      <div @click="handleClick('/simpleGraph/basicShapes')">跳转到基础图形</div>
      <div @click="handleClick('/virtualList')">虚拟列表</div>
      <div @click="handleClick('/jsx/taskComponents')">复杂JSX</div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router';
import TextOverTooltip from '@/components/TextOverTooltip/index.vue';
const prefix = 'home';

const router = useRouter();
const handleClick = (path) => {
  router.push(path);
};
</script>

<style lang="scss" scoped>
.home {
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 10px;
}
</style>
